﻿*{
	margin:0; padding:0;
}

body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
}

ol,ul{
	list-style:none;
}

p{
	font-size:1.2em;
}

a{
	text-decoration:none;
}

a img {
	border:none;
}

img{
	vertical-align:center;
}

fieldset{
	border:none;
} 

h1,h2,h3,h4,h5,h6{
	font-family:Arial, Helvetica, sans-serif;
}

h2{
	font-size:2.2em;
	margin:0;
}

h1{
	font-size:2em;
}

.clear {
	clear:both;
}

.floatleft {
	float:left;
}

.floatright{
	float:right;
}

.aligncenter{
	text-align:center;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}

.button a{
	padding:3px 5px;
	font-size:1.5em;
	border-radius:5px;
	color:black;
	background-image:url(../Images/button.png);	
	box-shadow: inset 0px 0px 0px 1px #666;
}

.button a:hover{
	color:#F33;	
}

/*** HEADER ******/
#header{
	height:187px;width:100%;
	position:relative;
	background-image:url('../Images/header.gif');
}

#header ul#pages {
    position: absolute;
    right: 200px;
    top: 123px;
}
#header ul#pages{
	width:600px;height:37px;
	padding:10px 10px 10px 20px;
	line-height:24px;
	font-size:1.8em;
	background-image:url('../Images/pages.gif');
}

#header ul#pages li{
	display:block;
	float:left;
}

#header ul#pages li a{
	padding-right:33px;
	padding-left:26px;
}

#header ul#pages li a:hover{
	border-radius: 5px;
	background: #d28dba;
	text-decoration: none;
	box-shadow: inset 0px 0px 0px 1px #cb80b1;
}


#header ul#mainNav{
    position: absolute;
    right: 0px;
    top: 161px;
}
#header ul#mainNav{
	width:98%;height:37px;
	text-align:center;
	padding:0px 10px;
	line-height:37px;
	font-size:1.8em;
	background:#d79ac2;
	background-image:url('../Images/pages.gif');
}

#header ul#mainNav li{
	display:block;
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	color:white; text-align:center;
}

#header ul#mainNav li a{
	padding-right:9px;
	padding-left:9px;
}

#header ul#mainNav li a:hover{
	border-radius: 5px;
	background: #d28dba;
	text-decoration: none;
	box-shadow: inset 0px 0px 0px 1px #cb80b1;

}



#header h1#logo a{
	width:160px;height:160px;
	position:absolute;top:10px;left:0px;
	background-image:url('../Images/Jolie_chef_logo.png');
	background-repeat:no-repeat;
}


#header div#searchBox{
	position:absolute;
	bottom:160px;right:5px;
}

#header div#searchBox input{
	width:200px;
	border:1px solid #a4a4a4;
	padding: 2px 0px 5px 27px;
	background: white url('../Images/search_icon.gif') no-repeat 5px 50%;
}

#header div#login{
	position:absolute;
	bottom:30px;
	right:-77px;
	width: 260px;
}
#header div#login a{
	font-size:1.4em;
	font-weight:bold;
}

#header div#login a:hover{
	color:red;
}


#nangcao{
	position:absolute;
	left:150px;	
}

/**** MAIN CONTENT ****/

#mainContent {
position:relative;
left:0px;
top: 200px;
}

#leftSidebar{
	float:left;
	width:200px;
	padding:15px 5px 15px 15px;
	position:relative;
}

#primary{
	float:left;
	width:475px;
	margin: 5px 5px 15px 5px;
	padding:15px;
	color: #6c6c6c; 
}

#rightSidebar{
	float:right;
	width:200px;
	margin: 10px;
	padding:5px;	
}




/*** SIDEBAR***/
#leftSidebar .boxes{
	padding:0px;
	margin:0px 0px 15px 0px;
	background:white;
}
#leftSidebar .boxes h2{
	padding:7px;
	color:white;
	background-image:url('../Images/sidebar_bg.gif');
	text-align:center;
}

#leftSidebar .boxes ul{
	padding:10px 10px 10px 10px;
}

#leftSidebar .boxes ul#menu li{
	border-bottom:1px solid #ebebeb;
}

#leftSidebar .boxes ul#menu li a{
	font-size: 1.4em;
	color:#176092;
	line-height:2em;
}

#leftSidebar .boxes ul#menu li:hover {
	background:#eee;
}

#leftSidebar .boxes ul#yahooSupport li a{
	padding-left:20px;
	background-image:url('../Images/yahoo_on.png') ;
	background-repeat:no-repeat;
}




/**** RIGHT SIDEBAR ****/

#rightSidebar .boxes{
	padding:0px;
	margin:0px 0px 40px 0px;
	background:white;
}

#rightSidebar .boxes h2{
	padding:7px;
	color:white;
	background-image:url('../Images/sidebar_bg.gif');
	text-align:center;
}

#rightSidebar .boxes h3.cart a {
	border-radius: 5px;
	float:left;
	padding-right:10px;
	margin:4px;
	background: #e848b3;
	text-decoration: none;
	box-shadow: inset 0px 0px 0px 1px #de39a7, inset 0px 0px 0px 2px #d62c9e, inset 0px 0px 0px 3px #ce1792;

}

#rightSidebar .boxes img{
	width:100px;
	height:150px;
	margin:10px 50px;
}

/**** MAIN CONTENT ****/


#hotProducts{
	margin:10px;
	padding:5px;
	border-bottom:1px solid #d9d9d9;
	overflow:hidden;
}



#newEvents{
	margin:10px;
	padding:5px;
	border-bottom:1px solid #d9d9d9;
	overflow:hidden;
	height:250px;

}

#hotProducts .hot{
	margin:10px;
	float:left;
}

#hotProducts .hot h4{
	font-size:1.4em;
}
#hotProducts .hot img{
	width:120px;
	height:120px;
}

#hotProducts #more{
	float:right;
	
}

#newEvents .event{
	margin:10px;
	float:left;
}

#newEvents .event img{
	width:120px;
	height:120px;
}

#newEvents #more{
	float:right;
}
#newEvents .event {
	font-size:1.4em;
}


/***FOOTER****/

#footer_outer {
height: 277px;
background-color:#FF5ED7;
position:relative;
top:1050px;
}

#footer_wrapper {
height: 239px; width: 1000px;
margin: 0 auto; position: absolute;
}

#footer_links {
position: absolute;
top: 32px; left: 0px;
}

#footer {
position: absolute;
top:249px; color: black;
left:100px;
}

#footer p{
	font-size:1.4em;
}

#footer_wrapper .fastLink{
	float:left;
	margin:10px;
}

#footer_wrapper .fastLink h2{
	padding:5px 0px;
	color:maroon;
}


#footer_wrapper .fastLink li a{
	font-size:1.5em;
	color:#8A008A;
}

#footer_wrapper .fastLink img{
	padding:30px 5px;
	width:60px;
	height:60px;
}


/****NGUYEN LIEU LAM BANH ***/

/***XEM GIỎ HÀNG***/

#primary #cart .boxes{
	border:1px solid #d9d9d9;
}

#primary #cart .boxes table{
	background-image:url('../Images/sidebar_bg.gif');
	width:100%;
	font-size:1.4em;
	color:black;
	font-weight:bold;
}

.wrapper{
	width:400px;
	top:200px;
	right:200px;	
}
.logo{
	width:160px;
	height:160px;
	background-image:url(file:///C|/Documents%20and%20Settings/Administrator/My%20Documents/Jolis/Image/Jolie_chef_logo.png); 
	float:left;
}

.title{
	font-size:16px;
	font-weight:bold;
	width:440px;
	float:left;
	top:100px;
	right:100px;
}

.textBox{
}

.banner{
	height:160px;	
}

.titleDetail{
	border-bottom:1px #999999;	
	font-size:18px;
	font-weight:bold;
	width:300px;
	float:right;
}

.img1{
width:200px;	
}
